{extend name="base" /}

{block name="css"}
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/css/index.css?v={$version|default=100}">
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/swiper/swiper-bundle.min.css?v={$version|default=100}">
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/swiper/swiper-bundle.css?v={$version|default=100}">
<link rel="stylesheet" href="https://paidou.cdn.dgyunju.cn/fonts/iconfont.css">

{/block}
{block name="content"}
<div id="header"></div>
<div id="rightside"></div>
<div id="container">
	<div id="content">
		<div id="swiper">
			<div class="swiper mySwiper2">
				<div class="swiper-wrapper">
					{foreach $banners as $b}
					<div class="swiper-slide"><a class="swiper-slide" href="{$b['link_to']}" target="_blank"><img class="image" src="{$b['banner_img']}" alt="{$b['title']}" ></a></div>
					{/foreach}
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div id="product">
			<h3>{:lang('product')}</h3>
			<p class="p-name">{$config['index_product_tip']|default=''}</p>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					{foreach $products as $vo}
					<a class="swiper-slide" href="__DOMAIN__/product/{$vo['id']}">
						<div class="swiper-slide">
							<img class="swiper-img" src="{$vo['index_img']|default=''}?imageView2/0/w/600"/>
							<div class="slide-content">
								<!-- <div class="slide-top">
									<h3 class="slide-show-h3">{$vo['title']}</h3>
									<p class="slide-show-content">{$vo['sub_title']}</p>
								</div> -->
								<div class="slide-down">
									{:lang('get_detail')}
								</div>
							</div>
						</div>
					</a>
					{/foreach}
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div id="solution" class="hide_div">
			<h3>{:lang('solution')}</h3>
			<p class="p-name">{$config['index_solution_tip']|default=''}</p>
			<div class="change-img">
				<div class="checked-one">
					<div class="swiper mySwiper">
						<div class="swiper-wrapper">
							{foreach $solution as $vo}
							<div class="swiper-slide">
								<img src="{$vo['index_img']}" alt="">
								<div class="swiper-content">
									<h3 class="top">
										{$vo['title']|default=''}
									</h3>
									<p class="center">
										{$vo['summary']|default=''}
									</p>
									<a href="/solution/{$vo['id']}.html" class="down">
										{:lang('get_detail')}
									</a>
								</div>
								<div class="content-list">
									{if isset($vo['case']) && count($vo['case'])>0}
									<div class="show-content">{:lang('cases')}</div>
									<div class="show-list">
										{foreach $vo['case'] as $c}
										<a class="show-link" href="/case/{$c['id']}.html">
											<img class="show-img" src="{$c['cover']}" alt="">
											<span class="show-word">{$c['title']}</span>
										</a>
										{/foreach}
									</div>
									{/if}
									<i  style="color:#fff;display: none" data-value="fa {$vo['icon']}" class="myDiv fa {$vo['icon']}"></i>
								</div>
							</div>
							{/foreach}
						</div>
						<!-- 分页器 -->
						<div class="swiper-pagination">

						</div>
						 <!-- 分页器 -->  

						<div class="swiper-button-prev swiper-button-white"></div>
						<div class="swiper-button-next swiper-button-white"></div>
					</div>

				</div>
			</div>
		</div>
		<div id="intro">
			<h3>{:lang('about_us')}</h3>
			<p class="p-name">{$config['index_about_tip']|default=''}</p>
			<!--			<p>深度合作，我们可以针对您的问题设计出相应的解决方案。</p>-->
			<ul class="banner-word">
				<li class="word-list">
					<div class="list-top">
						<span class="fi-top"><i class="fi fi-keyanfangxiang"></i></span>
						<span class="fi-word">{$config['staff']|default=0}</span>
					</div>
					<div class="list-down">{:lang('Number of researchers')}</div>
				</li>
				<!-- <li class="word-list">
					<div class="list-top">
						<span class="fi-top"><i class="fi fi-zhuanli"></i></span>
						<span class="fi-word">{$config['awards']|default=0}</span>
					</div>
					<div class="list-down">{:lang('Number of patents')}</div>
				</li> -->
				<li class="word-list">
					<div class="list-top">
						<span class="fi-top"><i class="fi fi-briefcase"></i></span>
						<span class="fi-word">{$config['certificate']|default=0}</span>
					</div>
					<div class="list-down">{:lang('Research Interests')}</div>
				</li>
				<li class="word-list">
					<div class="list-top">
						<span class="fi-top"><i class="fi fi-list"></i></span>
						<span class="fi-word">{$config['capacity']|default=0}</span>
					</div>
					<div class="list-down">{:lang('solution')}</div>
				</li>
			</ul>
			<div class="intro-down">
				<div class="down-left-img">
					<img src="{$config['index_img']|default=''}" alt="">
				</div>
				<div class="down-right-contnet">
					<div class="top">{:lang('about_us_title')}</div>
					<p>
						{$config['aboutus']|raw|htmlspecialchars_decode|nl2br|default=''}
					</p>
					<div class="to-more">
						<a href="/about.html">
							{:lang('get_detail')}
						</a>
					</div>
				</div>
			</div>
		</div>
		<div id="success" class="hide_div">
			<h3>{:lang('success_case')}</h3>
			<p class="p-name">{$config['index_case_tip']|default=''}</p>
			<div class="swiper mySwiper3">
				<div class="swiper-wrapper success-list">
					{foreach $cases as $c}
					<a href="__DOMAIN__/case/{$c['id']}.html" class="swiper-slide">
						<div class="success-list-one">
							<img class="img" src="{$c['cover']|default=''}" alt="">
							<div class="center">
								<div class="top">{$c['title']|default=''}</div>
						    <p>{$c['summary']|default=''}</p>
							</div>
							<div class="down">
								{:lang('get_detail')}
							</div>
						</div>
					</a>
					{/foreach}
				</div>
				<div class="swiper-pagination"></div>
			</div>

		</div>
		<div id="information">
			<h3>{:lang('company_info')}</h3>
			<p class="p-name">{$config['index_info_tip']|default=''}</p>
			<div class="mation-coup">
				{if count($news)>0}
				<div class="coup-left">
					<img src="{$news[0]['index_img']}" alt="">
				</div>
				<div class="swiper mySwiper1">
					<div class="swiper-wrapper">
						{foreach $news as $vo}
						<div class="swiper-slide">
							<a class="swiper-slide" href="__DOMAIN__/news/{$vo['id']|default=0}.html" target="_blank">
								<div class="coup-right">
									<div class="top">
										{$vo['title']|default=''}
									</div>
									<div class="center">
											{$vo['description']|default=''}
									</div>
									<div class="down">
										{:lang('get_detail')}
									</div>
								</div>
							</a>
						</div>
						{/foreach}

					</div>

					{/if}
					<!-- Add Pagination -->
					<div class="swiper-pagination"></div>
				</div>
			</div>
		</div>
	</div>
	<div id="footer"></div>
</div>
{/block}
{block name="script"}
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://paidou.cdn.dgyunju.cn/swiper/swiper-bundle.js?v={$version|default=100}"> </script>
<script src="https://paidou.cdn.dgyunju.cn/swiper/swiper-bundle.min.js?v={$version|default=100}"></script>
<script src="https://paidou.cdn.dgyunju.cn/swiper/swiper-bundle.min.js.map?v={$version|default=100}"></script>
<script src="https://paidou.cdn.dgyunju.cn/js/index.js?v={$version|default=100}"></script>
<script>
	const swiperPagination=$('.myDiv')
	let t= 0;
	var swiper = new Swiper(".mySwiper", {
	direction: "vertical",
	pagination: {
		el: ".swiper-pagination",
		clickable: true,
		renderBullet: function (index, className) {
			let str = '';
			if (t>0){
				return '';
			}
			t++;
			for (let i = 0; i < swiperPagination.length; i++) {
				let item =$( swiperPagination[i]);
				str+='<i style=color:#fff class="' + className + ' '+item.data('value')+'"></i>'
			}
			return str;
		},
	},
	navigation: {
		nextEl: '.swiper-button-next',
		prevEl: '.swiper-button-prev',
		hiddenClass: 'btn-hidden',
	},
});
</script>
{/block}
{/extend}